<template>
	<view class="flex-1 flex flex-col">
		<!-- 信号 -->
		<view class="flex justify-around" style="width: 100rpx;">
			<view class="">
				<view class="bg-white mb-1" v-for="e of 10" :key="e" style="width:30rpx;height: 8rpx;"></view>
			</view>
			<view class="ml-1">
				<view class="bg-white mb-1" v-for="e of 10" :key="e" style="width:30rpx;height: 8rpx;"></view>
			</view>
		</view>
		<trtc-remote-view :viewId="params.userId" style="opacity: 0;width: 1px;height: 1px;"></trtc-remote-view>
		<!-- <view class="flex-col justify-center flex-1 items-center">
			<nv-image v-if="pause" :src="params.audio?`/static/icons/audio.png`:`/static/icons/audio_.png`"
				width="50rpx" height="50rpx"></nv-image>
		</view> -->
		<view class="flex-col items-center">
			<nv-image :src="params.headimg" v-if="params.headimg&&!anonymous" shape="circle" width="100rpx"
				height="100rpx"></nv-image>
			<nv-image src="/static/anonymous.png" width="100rpx" height="100rpx" v-else></nv-image>
			<nv-image src="" v-else shape="circle" width="100rpx" height="100rpx"></nv-image>
			<text class="color-white font-sm">{{anonymous?'匿名用户':params.nickname.substring(0,5)}}</text>
		</view>
	</view>
</template>

<script setup>
	import nvImage from '@/uni_modules/uv-image/components/uv-image/uv-image.vue'
	import TrtcRemoteView from '@/TrtcCloud/view/TrtcRemoteView';
	const {
		params,
		pause,
		role,
		anonymous,
		algin
	} = defineProps(['params', 'algin', 'role', 'pause'])
</script>

<style>
</style>